<template>
<div class="wrapper" ref="wrapper">
  <div class="content">
    <slot></slot>
  </div>
</div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
name: "scroll",
  props:{
  probeType:{
    type:Number,
    default:3
    },
    pullUpLoad:{
    type:Boolean,
      default: false
    }
  },
  data(){
  return{
    scroll:null,
    message:'hahah'
  }
  },
  mounted() {
  this.scroll=new BScroll(this.$refs.wrapper,{
    click:true,
    probeType:this.probeType,
    pullUpLoad:this.pullUpLoad
  })
    this.scroll.on('scroll',(position)=>{
        this.$emit('scroll',position)
        // console.log(this.scroll)
    })
    this.scroll.on('pullingUp',
    () => {
       this.$emit('pullingup')
    //
    }
    )
  },
  methods:{
  scrollTo(x,y,time=1000){
    this.scroll&&this.scroll.scrollTo(x,y,time)
  },
    finishPullUp() {
        this.scroll.finishPullUp()
      },
    refresh(){
    this.scroll&&this.scroll.refresh()

    },
    getscrolly(){
     return this.scroll?this.scroll.y:0
    }
  }

}
</script>

<style scoped>

</style>
